<!DOCTYPE html>
<html>
<head>
<title>{{$headConf['title']}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Coffee Break Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="{{__TEMPLATE__}}/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="{{__TEMPLATE__}}/css/a.css" rel='stylesheet' type='text/css' />
<script src="{{__TEMPLATE__}}/js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="{{__TEMPLATE__}}/js/move-top.js"></script>
<script type="text/javascript" src="{{__TEMPLATE__}}/js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
<!--start-smoth-scrolling-->
	<!--script-->
	<script src="{{__TEMPLATE__}}/js/modernizr.custom.97074.js"></script>
<script src="{{__TEMPLATE__}}/js/jquery.chocolat.js"></script>
		<link rel="stylesheet" href="{{__TEMPLATE__}}/css/chocolat.css" type="text/css" media="screen" charset="utf-8">
		<!--light-box-files -->
		<script type="text/javascript" charset="utf-8">
		$(function() {
			$('.gallery a').Chocolat();
		});
		</script>
		<script type="text/javascript" src="{{__TEMPLATE__}}/js/jquery.hoverdir.js"></script>
</head>
<body>
	<!--header-top-starts-->
	<div class="header-top">
		<div class="container">
			<div class="head-main">
				<a href="index.html"><img src="{{__TEMPLATE__}}/images/boke_blog.jpg" alt=""  style="width: 200px; height: 80px;"/></a>
			</div>
		</div>
	</div>
	<!--header-top-end-->
	<!--start-header-->
	<div class="header">
		<div class="container">
			<div class="head">
			<div class="navigation">
				 <span class="menu"></span> 
					<ul class="navig">
						<li><a href="{{__ROOT__}}" <?php if(!Request::get()){ ?> class="active" <?php }  ?>>首页</a></li>
						<category pid="0">
							<li><a href="{{$field['url']}}" <?php  if($field['cate_id']==Request::get('cate_id')){  ?>class="active" <?php }  ?>>{{$field['cate_name']}}</a></li>
						</category>

					</ul>
			</div>
			<div class="header-right">
				<div class="search-bar">
					<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
					<input type="submit" value="">
				</div>

			</div>
				<div class="clearfix"></div>
			</div>
			</div>
		</div>	
	<!-- script-for-menu -->
	<!-- script-for-menu -->
		<script>
			$("span.menu").click(function(){
				$(" ul.navig").slideToggle("slow" , function(){
				});
			});
		</script>
	<!-- script-for-menu -->
	<!--banner-starts-->
	<div class="banner">
		<div class="container">
			<div class="banner-top">
					<img src="{{__ROOT__}}/{{$cms_field['cate_thumb']}}" alt="" style="width: 1140px; height: 600px;">
			</div>
		</div>
	</div>
	<br/>
	<!--banner-end-->
	<!--welcome-starts-->

	<!--welcome-end-->
	<!--team-starts-->
	<div class="team">
		<div class="container">
		<div class="team-top heading">
			<h3>The article shows</h3>
		</div>
			<div class="team-bottom">
				<arclist row="2">
					<div class="col-md-3 team-left">
						<img src="{{$field['arc_thumb']}}" alt=""  style="width: 190px; height:
						180px;"/>
						<h4>{{$field['arc_keyword']}}</h4>
						<p>{{$field['arc_title']}}</p>
					</div>
				</arclist>

				<div class="pagelist">
					{{$data->links()}}
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--team-end-->
	<!--slide-starts-->
	<div class="slide">
		<div class="container">
			<div class="fle-xsel">
			<ul id="flexiselDemo3">
				<arclist thumb="1">
					<li>
						<a href="{{$field['url']}}">
							<div class="banner-1">
								<img src="{{$field['arc_thumb']}}" class="img-responsive" alt="" style=" width: 150px;height: 150px;">
							</div>
						</a>
					</li>
				</arclist>


			</ul>
							
							 <script type="text/javascript">
								$(window).load(function() {
									
									$("#flexiselDemo3").flexisel({
										visibleItems: 5,
										animationSpeed: 1000,
										autoPlay: true,
										autoPlaySpeed: 3000,    		
										pauseOnHover: true,
										enableResponsiveBreakpoints: true,
										responsiveBreakpoints: { 
											portrait: { 
												changePoint:480,
												visibleItems: 2
											}, 
											landscape: { 
												changePoint:640,
												visibleItems: 3
											},
											tablet: { 
												changePoint:768,
												visibleItems: 3
											}
										}
									});
									
								});
								</script>
								<script type="text/javascript" src="{{__TEMPLATE__}}/js/jquery.flexisel.js"></script>
					<div class="clearfix"> </div>
			</div>
		</div>
	</div>	
	<!--slide-end-->
	<!--footer-starts-->
	<div class="footer">
		<div class="container">
			<div class="footer-text">
				<p>Copyright Wangyahe; 2017.Company name All rights reserved.More Templates <a href="http://www.wechat.wangyahe.com/" target="_blank" title="博客cms">博客cms</a> - Collect from <a href="http://www.wechat.wangyahe.com/" title="博客cms" target="_blank">博客cms</a></p>
			</div>
		</div>
	</div>
	<!--footer-end-->
</body>
</html>